<template>
    <div>
      <div style="width:100%;height:70px; background: rgb(26,26,26);">
        <p style="margin: 0 13px 13px 14px; color: rgb(223,228,234);line-height: 75px; ">部门</p>
      </div>
      <div id="box">
        <div class="box-min" v-for="list in list" :key="list.id">
          {{list.name}}
        </div>
      </div>
    </div>
</template>

<script>
export default {
  data() {
    return {
        list:[
            {id:1,name:'销售部'},
            {id:2,name:'营销部'},
            {id:3,name:'测试部'},
            {id:4,name:'其他部'},
            {id:5,name:'其他部'},
            {id:6,name:'其他部'},
            {id:7,name:'其他部'},
            {id:8,name:'其他部'},
            {id:9,name:'其他部'},
            {id:10,name:'其他部'},
            {id:11,name:'其他部'},
            {id:12,name:'其他部'},
            {id:13,name:'其他部'},
            {id:14,name:'其他部'},
            {id:15,name:'其他部'},
        ]
    };
  },
  components: {},
  methods: {

  },
};
</script>
  
<style>
#box {
  display: flex;
  flex-wrap: wrap;
}

.box-min {
  width: 150px;
  margin: 13px 13px 13px 14px;
  height: 200px;
  background: rgb(223,228,234);
  border-radius: 10px;
}
</style>
